/**
 *   全局注册属性设置面板组件
 * 1. 通过import.meta.glob 获取当前目录下所有的.vue文件
 * 2. 获取文件的名作为组件的名称
 * 3. 引用组件
 */

import type { App } from "vue";
export const setupAttrSettingCom = (app: App<Element>): void => {
  const modules = import.meta.glob("./cmps/**/*.vue", { eager: true });
  Object.keys(modules).forEach((path) => {
    // 获取路径中的文件名，去除 .vue 后缀
    const arrs = path.split("/");
    const fileName = arrs[arrs.length - 1];
    const componentName = fileName.substring(0, fileName.length - 4);
    app.component(componentName, modules[path].default);
  });
};
